<!--
  @author: 善良的YWJ
  @Created by shanliangdeYWJ on 2020/09/21 11:48:19
  @file: background.vue
  @description:
  ==================
  背景
  ==================
  @link [Github](https://github.com/shanliangdeYWJ)
-->

<template>
  <div class="background" :style="background?'background: url('+require('../assets/images/about/bg/bg_icon_1.png')+');':''">
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="22">
        <div class="container" :style="'background-color:'+(color?color:'#ffffff')+';'">
          <slot></slot>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'Background',
  props: {
    color: { type: String },
    background: { type: Boolean }
  }
};
</script>

<style lang='scss' scoped>
.background {
  padding: 40px;
  .container {
    border-radius: 20px;
    padding: 100px;
  }
}
</style>
